<template>
  <div class="cesiumViewer" id="cesiumViewer"></div>
</template>

<script>
// @ is an alias to /src

export default {
  name: "HomeView",
  components: {
    // HelloWorld
  },
  data() {
    return {
      property: "value",
    };
  },
  created() {},
  mounted() {
    Cesium.Ion.defaultAccessToken =
      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJjM2RiMTlmOC1lM2U4LTRmMmEtYTA2OS1iMmI2NWJhNWE2NjEiLCJpZCI6ODQwNTAsImlhdCI6MTY5ODI5MDM1NX0.9-MFT00aH5AtVYiJSdvfYjW1rWj6R9NRdjAyTmMzTIg";
    const viewer = new Cesium.Viewer("cesiumViewer", {
      // 控制是否显示信息框
      infoBox: false,

      // 控制是否启用动画
      animation: false,

      // 控制底图选择器是否可见
      baseLayerPicker: false,

      // 控制全屏按钮是否可见
      fullscreenButton: false,

      // 控制地理编码器是否可见
      geocoder: false,

      // 控制主页按钮是否可见
      homeButton: false,

      // 控制导航帮助按钮是否可见
      navigationHelpButton: false,

      // 控制场景模式选择器是否可见
      sceneModePicker: false,

      // 控制选择指示器是否可见
      selectionIndicator: false,

      // 控制时间线是否可见
      timeline: false,

      // 控制导航模式
      navigation: "2D",

      // 控制根据鼠标位置是否进行缩放
      zoomToMouse: false,

      // 控制放大按钮是否可见
      zoomInButton: false,

      // 控制缩小按钮是否可见
      zoomOutButton: false,

      // 控制指南针是否可见
      compass: false,

      // 控制其他控件是否可见
      additionalControls: false,

      // 控制时钟是否可见
      clock: false,
      // 提供数据表格的信息
      featureTable: null,

      // 提供其他配置项
      viewerOptions: null,
    });
    console.log(viewer);
  },
  methods: {},
};
</script>
<style lang="less" >

// 隐藏cesium图标
.cesium-viewer-bottom {
  display: none !important;
}
</style>